<!-- 主界面 -->
<div class="main">
	<div class="row">
		<div class="col-12">
			<!-- 工具栏 -->
			<div class="toolbar">
				<!-- 右侧搜索 -->
				### 注意：需要根据搜索功能所处的模块修改 form 表单的 action 属性
				<form action='/admin/loginLog' onsubmit="return logSearch();" id="search-form" class="search-box">
					<input value="#(keyword)" placeholder="搜索" id="search-keyword" class="form-control form-control-sm" type="text" />
					<i class="fa fa-search"></i>
				</form>
			</div>

		</div>

	</div>
	<!-- 表格容器 -->
	<div id="table-box" class="table-box">

		<table class="table table-hover">

			<thead>
			<tr>
				<th>ID</th>
				<th>用户名</th>
				<th>IP地址</th>
				<th>端口号</th>
				<th>登录时间</th>
				<th>结果</th>
				#role("超级管理员")
				<th class="operation">操作</th>
				#end
			</tr>
			</thead>

			<tbody>
			#for (x : page.getList())
			<tr>
				<td>#(x.id)</td>
				<td>#(x.userName)</td>
				<td>#(x.ip)</td>
				<td>#(x.port)</td>
				<td>#date(x.created)</td>
				<td>#(x.message)</td>
				#role("超级管理员")
				<td class="operation">
					### 这里用 url 代替 href 是为了防止意外删除数据
					<a confirm="确定删除 #escape(x.userName) 登录日志？" ok-remove="tr" url="/admin/loginLog/delete?id=#(x.id)">删除</a>
				</td>
				#end
			</tr>
			#end
			</tbody>

		</table>
	</div>

	<!-- 分页 -->
	### 将 keyword 放入 append，促使分页链接中追加该参数用于搜索
	#set(append = keyword ? '&keyword=' + keyword : '')
	#@adminPaginate(page, "/admin/loginLog?pn=")

    </div>
<script>
function logSearch() {
		var url = $('#search-form').attr('action');
		var keyword = $('#search-keyword').val();

		kit.loading({msg:'正在搜索, 请稍候 .....'});
		$.ajax({url: url, data: {keyword: keyword},
			type: 'POST', cache: false, dataType: 'html',
			success: function(ret) {
				kit.closeLoading();

				// 如果返回 json 格式数据，则 msg 输出，例如后端验证参数失败会返回 json
				if (kit.isJsonRet(ret)) {
					kit.msg(kit.strToJson(ret), {time:3900, closeBtn:2});
				} else {
					$('#content-box').html(ret);
					$('#search-keyword').select();
				}
			}
		});

		// 返回 false 避免表单提交，请求已经使用上面的 $.ajax 发送完成
		return false;
	}
</script>



